{include file='header'}
<link rel="stylesheet" href="__PUBLIC__css/list.css?v={$edition}">
{include file='nav-course'}
<div class="page-containe">
	{include file='index/nav-left'}
	<div class="page-content">
		<div class="breadcrumb">
			<i class="iconfont icon-shouye"></i>
			<em>•</em>
			<a href="/">首页</a>
			<em>•</em>
			<a href="/course/{$navData.nav_id}.html">{$navData.nav_name}</a>
		</div>
		<div class="title">
			<h1></h1>
			<div class="schedule">
				<b>阶段掌握：{$typeOne.master.userTypes/count($typeData)|round=###}%</b>
				<em>|</em>
				课程：<b>{$typeOne.master.userCounts}</b><span>/</span>{$typeOne.master.counts}
				<em>|</em>
				<b>{$typeOne.master.userPoints}</b><span>/</span>{$typeOne.master.points} 掌握点
				<div class="layui-progress progress">
					<div class="layui-progress-bar" lay-percent="{$typeOne.master.userPoints} / {$typeOne.master.points}"></div>
				</div>
			</div>
		</div>
		<div class="about">
			<h3>关于本阶段</h3>
			<p>{$typeOne.type_desc}</p>
		</div>
		<div class="chapter progressBar">
			{foreach $sData as $k => $s}
			<a name="{$s.s_id}"></a>
			<div class="item">
				<div class="chapter-title">
					<h3><a>{$s.s_name}</a></h3>
				</div>
				<div class="chapter-box">
					{if $s.course}
					<div class="study">
						<h4>学习</h4>
						<ul>
							{foreach $s.course as $key=>$course}{if $course.type neq 3}
							<li>
								<a href="/learnings/{$course.course_id}.html">
									<div class="icon">
										<i class="iconfont icon-{$course.type|returnCourseType=###}"></i>
										<div class="layui-progress">
											<div class="layui-progress-bar" lay-percent="{$course.percent}%"></div>
										</div>
										{if $course.percent egt 90}<div class="complete"><i class="iconfont icon-gou"></i></div>{/if}
									</div>
									<span>{$course.course_name}</span>
									{if $course.is_free eq 1 && $s.s_free eq 0}<em>试看</em>{/if}
								</a>
							</li>{/if}{/foreach}
						</ul>
					</div>
					<div class="practice">
						<h4>练习</h4>
						<ul>
							{foreach $s.course as $course}{if $course.type eq 3}
							<li>
								<div class="practice-content">
									<h3><a href="/learnings/{$course.course_id}.html">{$course.course_name}</a></h3>
									<p>{$course.percent|returnCoursePractice=###}</p>
									{if $course.percent lt 100}<div class="btn"><a href="/learnings/{$course.course_id}.html">再试一次</a></div>
									{else}<div class="btn"><b>很棒！准备好前进</b></div>{/if}
								</div>
								<div class="practice-progress">
									<svg aria-label="{$course.percent}" class="progress" xmlns="http://www.w3.org/2000/svg"
										width="20" height="35" role="img" viewBox="-3 0 20 37">
										<rect x="0" y="18" width="14" height="14"></rect>
										<rect x="0" y="8" width="14" height="8"></rect>
										<rect x="0" y="30" width="14" height="2"></rect>
										<polygon points="14 0 10.131 3.774 7 0 3.868 3.775 0 0 0 6 14 6"></polygon>
									</svg>
								</div>
							</li>{/if}{/foreach}
						</ul>
					</div>{/if}
				</div>
			</div>{/foreach}
			<div class="item item-test">
				<div class="stage-test">
					<div class="test">
						<h4><a href="#">阶段测试</a></h4>
						<p>升级本阶段里的所有技能。</p>
						<div class="btn"><a href="#">开始阶段测试</a></div>
					</div>
					<div class="img">
						<img src="__PUBLIC__images/stage-test.svg">
					</div>
				</div>
			</div>

		</div>
	</div>
</div>
{include file='footer'}
<script type="text/javascript" src="__PUBLIC__js/course.js"></script>
